<!DOCTYPE html>
<html>
<head>
    <title>必应壁纸 | Bing Wallpaper</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karma">
    <style>
        /* body,h1,h2,h3,h4,h5,h6 {font-family: "Karma", sans-serif} */
        /* .w3-bar-block .w3-bar-item {padding:20px} */
    </style>
</head>
<body>

<!-- Sidebar (hidden by default) -->
<nav class="w3-sidebar w3-bar-block w3-card w3-top w3-xlarge w3-animate-left" style="display:none;z-index:2;max-width:200px;min-width:100px" id="mySidebar">
    <a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button">收起</a>
    <a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-text-green w3-large">2022-08</a>
    <a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-text-green w3-large">2022-07</a>
    <a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-text-green w3-large">2022-06</a>
    <a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-text-green w3-large">2022-05</a>
    <a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-text-green w3-large">2022-04</a>
    <a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-text-green w3-large">2022-03</a>
    <a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-text-green w3-large">2022-02</a>
</nav>

<!-- !PAGE CONTENT! -->
<!-- Header -->
<header class="w3-display-container w3-content w3-center" style="max-width:1500px" height="600">
    <img class="w3-image" src="https://cn.bing.com/th?id=OHR.AquarioNatural_EN-US2602910599_UHD.jpg&pid=hp&w=1500" alt="Me" max-width="1500px" height="600px">
    <div class="w3-display-topleft w3-padding-large w3-wide w3-text-light-grey w3-center">
        <h1 class="w3-hide-medium w3-hide-small w3-xxxlarge">Bing Wallpaper</h1>
        <h5 class="w3-hide-large" style="white-space:nowrap">Bing Wallpaper</h5>
    </div>

    <div class="w3-display-bottomright w3-padding-large w3-text-light-grey" style="width: 500px">
        <p>Mount Logan in Kluane National Park and Reserve, Yukon, Canada (© plainpicture/Design Pics/Robert Postma)</p>
    </div>


    <!-- Navbar (placed at the bottom of the header image) -->
    <div class="w3-bar w3-light-grey w3-round w3-display-bottommiddle w3-hide-small" style="bottom:-16px">
        <a href="#" class="w3-bar-item w3-button">首页</a>
        <a href="#portfolio" class="w3-bar-item w3-button w3-hover-text-green"  onclick="w3_open()">归档</a>
        <a href="#contact" class="w3-bar-item w3-button w3-hover-text-green">关于</a>
        <a href="https://github.com/niumoo/bing-wallpaper" target="_blank" class="w3-bar-item w3-button w3-hover-text-green">GitHub</a>
    </div>
</header>

<div class="w3-main w3-content w3-padding" style="max-width:1100px;margin-top:50px">

    <!-- First Photo Grid-->
    <div class="w3-row-padding w3-padding-16 w3-center">
        <div class="w3-third w3-hover-shadow ">
            <img src="https://cn.bing.com/th?id=OHR.NoctilucentClouds_EN-US0838966037_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-08-01 <a href="https://cn.bing.com/th?id=OHR.NoctilucentClouds_EN-US0838966037_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.FiordlandRainforest_EN-US0539876428_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-31 <a href="https://cn.bing.com/th?id=OHR.FiordlandRainforest_EN-US0539876428_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.FourTigresses_EN-US0466229333_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-30 <a href="https://cn.bing.com/th?id=OHR.FourTigresses_EN-US0466229333_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.LongsPeak_EN-US4189093342_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-29 <a href="https://cn.bing.com/th?id=OHR.LongsPeak_EN-US4189093342_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.NabateanTomb_EN-US4126304993_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-28 <a href="https://cn.bing.com/th?id=OHR.NabateanTomb_EN-US4126304993_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.MangroveDay_EN-US4051479273_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-27 <a href="https://cn.bing.com/th?id=OHR.MangroveDay_EN-US4051479273_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.MGRBrighton_EN-US4452708176_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-26 <a href="https://cn.bing.com/th?id=OHR.MGRBrighton_EN-US4452708176_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.AmeliaEarhart_EN-US4396076505_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-25 <a href="https://cn.bing.com/th?id=OHR.AmeliaEarhart_EN-US4396076505_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.FoxgloveHawkmoth_EN-US4340017481_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-24 <a href="https://cn.bing.com/th?id=OHR.FoxgloveHawkmoth_EN-US4340017481_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.SGIMontenegro_EN-US4280095085_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-23 <a href="https://cn.bing.com/th?id=OHR.SGIMontenegro_EN-US4280095085_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.AbbeyGardens_EN-US3622669026_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-22 <a href="https://cn.bing.com/th?id=OHR.AbbeyGardens_EN-US3622669026_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.MoonPhases_EN-US3514261526_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-21 <a href="https://cn.bing.com/th?id=OHR.MoonPhases_EN-US3514261526_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.YellowstoneBison_EN-US2891320959_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-20 <a href="https://cn.bing.com/th?id=OHR.YellowstoneBison_EN-US2891320959_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.OmijimaIsland_EN-US2811609327_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-19 <a href="https://cn.bing.com/th?id=OHR.OmijimaIsland_EN-US2811609327_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.CoyoteButtes_EN-US2729289736_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-18 <a href="https://cn.bing.com/th?id=OHR.CoyoteButtes_EN-US2729289736_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.AmericanGoldfinch_EN-US2664017758_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-17 <a href="https://cn.bing.com/th?id=OHR.AmericanGoldfinch_EN-US2664017758_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.Arrone_EN-US2438328393_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-16 <a href="https://cn.bing.com/th?id=OHR.Arrone_EN-US2438328393_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.BabyLemons_EN-US8232804860_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-15 <a href="https://cn.bing.com/th?id=OHR.BabyLemons_EN-US8232804860_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.BasaltGiants_EN-US8165410401_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-14 <a href="https://cn.bing.com/th?id=OHR.BasaltGiants_EN-US8165410401_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.SpiralHill_EN-US8098037208_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-13 <a href="https://cn.bing.com/th?id=OHR.SpiralHill_EN-US8098037208_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.BarcelonaPop_EN-US8033472712_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-12 <a href="https://cn.bing.com/th?id=OHR.BarcelonaPop_EN-US8033472712_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.OludenizTurkey_EN-US7964154843_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-11 <a href="https://cn.bing.com/th?id=OHR.OludenizTurkey_EN-US7964154843_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.DolomitesMW_EN-US7903776288_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-10 <a href="https://cn.bing.com/th?id=OHR.DolomitesMW_EN-US7903776288_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.PreveliGorge_EN-US7830712096_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-09 <a href="https://cn.bing.com/th?id=OHR.PreveliGorge_EN-US7830712096_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.HecetaHead_EN-US7658704670_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-08 <a href="https://cn.bing.com/th?id=OHR.HecetaHead_EN-US7658704670_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.KissingPuffins_EN-US7469101764_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-07 <a href="https://cn.bing.com/th?id=OHR.KissingPuffins_EN-US7469101764_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.FannetteIsland_EN-US7369656560_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-06 <a href="https://cn.bing.com/th?id=OHR.FannetteIsland_EN-US7369656560_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.WHFireworks_EN-US7107173560_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-05 <a href="https://cn.bing.com/th?id=OHR.WHFireworks_EN-US7107173560_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.SummerDogs_EN-US7055120050_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-04 <a href="https://cn.bing.com/th?id=OHR.SummerDogs_EN-US7055120050_UHD.jpg">Download 4k</a> </p>
        </div>
        <div class="w3-third w3-hover-shadow">
            <img src="https://cn.bing.com/th?id=OHR.HalfwayDay_EN-US6981774268_UHD.jpg&pid=hp&w=384&h=216&rs=1&c=4" style="width:100%">
            <p>2022-07-03 <a href="https://cn.bing.com/th?id=OHR.HalfwayDay_EN-US6981774268_UHD.jpg">Download 4k</a> </p>
        </div>
    </div>
</div>

<!-- Footer -->
<footer class="w3-center w3-light-grey w3-padding-48 w3-large">
    <p>Powered by <a href="https://github.com/niumoo/bing-wallpaper" title="W3.CSS" target="_blank" class="w3-hover-text-green">Github.com/niumoo</a></p>
</footer>
<script>
    // Script to open and close sidebar
    function w3_open() {
        document.getElementById("mySidebar").style.display = "block";
    }

    function w3_close() {
        document.getElementById("mySidebar").style.display = "none";
    }
</script>

</body>
</html>
